.top {
    /*   ../向上一层 /img 指定到当前的文件夹*/
    /*   相对路径*/
    background-image: url("../img/banner_qtah.jpg");
    /*默认高宽是图片的高宽，而我们需要的是背景图片和外面的div高宽一致*/
    /*width: 1920px;*/
    /*height: 808px;*/
    /*将背景图片和div百分百适应*/
    background-size: 100% 100%;
    width: 1000px;
    /*直接用百分百 宽度适应，而高度有问题，因为没有设置高度，所以高度应该重新设置*/
    /*高度应该按照比例设置，不应该固定*/
    /*height: calc(1000 * 808px / 1920);*/
    height: 550px;
    /*margin: 5px;*/
}

/*----------company------------*/
.company > div {
    display: flex;
    justify-content: space-between;
}

.company > div > div:nth-child(2) {
    display: flex;
    align-items: center;
}

.company > div > div:nth-child(2) > div {
    margin: 5px;
}

.company > div > div:nth-child(1) {
    height: 141px;
}

.top {
    color: white;
}
/*nav------------*/
.nav {
    background-color: rgb(230, 145, 55);
    height: 50px;
}

.nav > div {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}

.nav > div > div {
    /*height: 50px;*/
    /*上下为0 左右 20*/
    padding: 0 20px;
    /*    字体上下居中用行高*/
    line-height: 50px;

}

.nav > div > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    /*    鼠标移上去编程其他样式*/
    cursor: pointer;
}

.ad {
    /*display: flex;*/
    /*align-items: center;*/
    /*height: 200px;*/
}

.ad > div {
    height: 330px;
    display: flex;
    align-items: center;
    /*height: 200px;*/
}

.ad > div > div > div:nth-child(1) {
    font-size: 40px;
    /*height: 80px;*/
    line-height: 80px;
}

.ad > div > div > div:nth-child(2) {
    font-size: 10px;

}

/*对第二个div里面的诗句设置行高*/
.ad > div > div > div:nth-child(2) > div {
    line-height: 20px;
}

.ad > div > div > div:nth-child(3) {
    color: rgb(230, 145, 55);
    font-size: 30px;
}

.ad > div > div > div:nth-child(3) > div:nth-child(1) {
    display: flex;
    align-items: flex-end;
}
/*通过属性去找到div*/
div[pingwei] {
    color: white;
    font-size: 15px;
}

div[pingwei='1'] {
    color: red;
}
